<template>
		AAAAAAAAAAAAAAAAAA
	<view class="tab">
		<view v-for="(item,index) in list" :key="index" class="tab-item" @click="switchTab(item, index)">
			<image class="tab_img" :src="item.selectedIconPath"></image>
			<view class="tab_text">csaafdaf</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
		},
		created() {
		},
		methods: {
			switchTab(item, index) {
				this.currentIndex = index;
				let url = item.pagePath;
				uni.redirectTo({url:url})
			}
		},
	}
</script>

<style>
	.tab {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100rpx;
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: env(safe-area-inset-bottom);
 
        .tab-item {
            flex: 1;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            .tab_img {
                width: 60rpx;
                height: 60rpx;
            }
            .tab_text {
                font-size: 30rpx;
                margin-top: 9rpx;
            }
        }
    }
	.q-tabbar {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  display: flex;
	  justify-content: space-around;
	  align-items: center;
	  box-sizing: border-box;
	  padding: 12rpx 0;
	  width: 100%;
	  height: $tabBarHei;
	  border-top: 2rpx solid;
	  z-index: 99;
	  .q-tabbar-item {
	    flex: 1;
	    text-align: center;
	    font-size: 24rpx;
	  }
	}
</style>
